import { FC, useContext } from 'react';
import { DragSource } from 'react-dnd';
import { Button, Select } from 'antd';
import { endDrag, beginDrag, sourceCollect } from '@/utils';
import { DesignProvider, DesignRedux } from '../../DesignRedux';

import styles from './index.less';

const { Option } = Select;

const FooterFC: FC<any> = (props: any) => {
  const { property, isDragging, connectDragSource } = props;
  const { dispatch } = useContext(DesignRedux);

  return (
    <div className={styles.ztFooter}>
      <div className={styles.footer}>
        <div className={styles.footer_main}>
          <div className={styles.footer_left}>
            <div className={styles.left_main}>
              <div className={styles.footer_logo}>
                {/* <img src="https://www.iqihang.com/zt/common/images/logo-n.png" alt=""> */}
              </div>
              <ul className={styles.left_top}>
                <li>
                  <a data-tab="底部咨询" target="_blank">
                    {/* <img src="https://www.iqihang.com/zt/22vip/images/headset.png?v=5.15" alt=""> */}
                    <p
                      className={styles.sensorszixun}
                      data-firstconsult-name="底部悬浮"
                    >
                      &nbsp;在线客服咨询
                    </p>
                  </a>
                </li>
                <li>
                  {/* <img src="https://www.iqihang.com/zt/22vip/images/phone.png?v=5.15" alt=""> */}
                  <p>400-1087-500</p>
                </li>
              </ul>
            </div>
          </div>
          <div className={styles.footer_right}>
            <dl>
              <dt>
                {/* <img src="https://www.iqihang.com/zt/common/images/lf_03.png?v=9.1" alt=""> */}
              </dt>
              <dd>
                {/* <img src="https://www.iqihang.com/zt/common/images/wx.png" alt=""> */}
                官方微信
              </dd>
            </dl>
            <dl>
              <dt>
                {/* <img src="https://www.iqihang.com/zt/common/images/lf_12.png?v=9.1" alt=""> */}
              </dt>
              <dd>
                {/* <img src="https://www.iqihang.com/zt/common/images/wb.png" alt=""> */}
                官方微博
              </dd>
            </dl>
          </div>
        </div>
      </div>
      {/* 备案 */}
      <div className={styles.new_foot}>
        <div className={styles.foot_content}>
          <ul className={styles.bot}>
            <li>
              <a href="https://www.iqihang.com/help" target="_blank">
                新手指
              </a>
              |
            </li>
            <li>
              <a href="https://www.iqihang.com/help" target="_blank">
                帮助中心
              </a>
              |
            </li>
            <li>
              <a
                href="https://www.iqihang.com/help#%E5%85%B3%E4%BA%8E%E6%88%91%E4%BB%AC"
                target="_blank"
              >
                关于我们
              </a>
              |
            </li>
            <li>
              <a
                href="https://www.iqihang.com/help#%E8%81%94%E7%B3%BB%E6%88%91%E4%BB%AC"
                target="_blank"
              >
                联系我们
              </a>
              |
            </li>
            <li>
              <a href="https://www.iqihang.com/feedback" target="_blank">
                用户反馈
              </a>
              |
            </li>
            <li>
              <a
                href="https://www.iqihang.com/help#%E8%AF%9A%E8%81%98%E8%8B%B1%E6%89%8D"
                target="_blank"
              >
                诚聘英才
              </a>
            </li>
          </ul>
          <p>
            Copyright ©2015-2020 iqihang.com All Rights Reserved
            京ICP备16062423号-2
            <a href="https://www.beian.gov.cn/portal/index.do" target="_blank">
              京公网安备11010802026556号
            </a>
            <a href="https://www.iqihang.com/wenwangwen.jpg" target="_blank">
              京网文(2017)1147-066号
            </a>
            <a href="https://www.iqihang.com/zicha.html" target="_blank">
              自审自查
            </a>
          </p>
          <p>启航教育网校</p>
        </div>
      </div>
    </div>
  );
};

const Footer = DragSource(
  'box',
  {
    beginDrag, // 开始拖动
    endDrag, // 拖动完成
  },
  (connect: any, monitor: any) => sourceCollect(connect, monitor),
)(FooterFC);

export default Footer;
// todo 添加可以拖拽属性
